@charset "utf-8";
.stati{ overflow-x: hidden; background: #F5F5F5; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.stati-title{ height: 50px; line-height: 50px; background: #F46E6D; color: #fff; padding: 0 15px;}
.stati-title-data{}
.stati-title-data:after{content: ""; display: block; clear: both;}
.stati-title-data i.iconfont{ font-size: 24px; position: relative; background: #fff; color: #F46E6D; line-height: 1;}
.stati-title-data i.iconfont input{ position: absolute; left: 0; top: 0; background: none; width: 100%; height: 100%;
	opacity: 0;
	-webkit-opacity: 0;
}
.stati-title-data span{ float: right;}
.stati-list{ font-size: 0; padding: 10px 0; background: #F46E6D; }
.stati-item{ display: inline-block; width: 25%;color: #fff; font-size: 12px; text-align: center;} 
.stati-item a{ color: #fff;}
.stati-item i.iconfont{ display: inline-block;  padding: 5px 0;  width: 32px; height: 38px; overflow: hidden; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.stati-item span{ display: block; padding: 5px 0;}
.stati-item small{ display: block; line-height: 1;  font-size: 13px;}
.daystati{ background: #fff;}
.daystati-title{color: #333;  padding: 15px; border-new-modal-titlebottom: 1px solid #F5F5F5;}
.daystati-title i.iconfont{ vertical-align: middle; font-size: 24px; color: #FF6816;}
.daystati-title span{ color: #FF6816; float: right; position: relative;}
.daystati-title span input{ text-align: right;color: #FF6816; height: 24px; line-height: 24px; padding: 0; margin: 0; font-size: 13px; vertical-align: middle; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0;
	-webkit-opacity: 0;
}
.daystati-section{}
.daystati-list{ display: block; font-size: 0;}
.daystati-item{ width: 25%; text-align: center; display: inline-block; font-size: 12px; padding: 15px 0;}
.daystati-item i.iconfont{font-size: 32px; display: block; }
.daystati-item span{ display: block; padding: 5px 0;}
.daystati-item small{ display: block;line-height: 1; font-size: 13px;}

/*入库累计*/
.statibox{ background: #EEEEEE;}
.statibox-tab{ height:50px; line-height: 50px; font-size: 0; position: relative;}
.statibox-tab table{width: 100%; font-size: 16px; text-align: center;}
.statibox-tab-after{display: block; width: 50%; height: 2px; background: #FF6816; position: absolute; left: 0; bottom: 0;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
.statibox-tab span{ display: inline-block; font-size: 16px; text-align: center; width: 50%;} 
.statibox-index{  background: #eee; font-size: 0; padding: 10px 0; display: flex;}
.statibox-index span{ font-size: 14px; display: inline-block; margin: 5px; padding: 3px 10px; flex: 1; text-align: center; border-radius: 5px; border: 2px solid #E1E1E1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.statibox-index span.on{ border-color: #FF6816;}
.statibox-section{ width: 100%;}
.statibox-section table{ width: 100%; text-align: center;}
.statibox-section tr{}
.statibox-section th{line-height: 30px; background: #F5F5F5;}
.statibox-section td{ height: 50px; line-height: 50px;border-bottom: 1px solid #E1E1E1; background: #eee;}
.statibox-section th:nth-child(1),
.statibox-section td:nth-child(1){ padding-left: 15px; text-align: left; width: 40%;}
.statibox-section th:nth-last-child(1),
.statibox-section td:nth-last-child(1){ padding-right: 15px; text-align: right; width: 40%;}
.statibox-section tr:nth-last-child(1) td{border: none;}


.cars-list .cars-item{ position: relative; border-bottom: 1px solid #E1E1E1; padding-top: 10px; padding-bottom: 10px; padding-right:10px ;}


.cars-list .cars-item h2.cars-title{ overflow: hidden; text-overflow: ellipsis;}

.posa { position: absolute; width: 100%;  background: #eee; overflow: hidden; height: 100%; padding-top: 44px; margin-top: -44px;
	box-sizing: content-box;
}
.statibox{ position: relative; height: 100%; padding-top: 60px;}
.statibox-tab{ position: absolute; z-index: 2; width: 100%; background: #eee; border-bottom: 10px solid #F5F5F5; height: 60px; top: 0;}

.posr{ position: relative; height: 100%; background: #eee;}
.page.has-navbar .posr .page-content{ background: #eee;}

.slidebar{ position: fixed; width: 100%; height: 100%; padding-top: 44px; left: 0; top: 0; }
.slidebar span{ line-height: 50px; display: block; padding: 0 15px; position: relative; border-bottom: 1px solid #eee;}
.slidebar span.on i{color: #FF6816;}
.slidebar span i{ font-size: 18px; color: #f5f5f5; padding-right: 10px;}




/*new-modal*/
.bottom-enter-active,
.bottom-leave-active {
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out ;
}
.bottom-enter,
.bottom-leave-to {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}


.right-enter-active,
.right-leave-active {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out ;
}
.right-enter{
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	opacity: 0;
}
.right-leave-to {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
}
.left-enter-active,
.left-leave-active {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out ;
}
.left-enter{
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
	-webkit-opacity: 0;
}
.left-leave-to {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
	-webkit-opacity: 1;
}



.new-modal{position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #f5f5f5; z-index: 999999; transform: translate3d(0,0,10px); }
.new-modal-title{ height: 44px; text-align: center; background: #FF6816; color: #fff; line-height: 44px; position: relative; z-index: 999;}
.new-modal-title .delete{position: absolute; right: 0; padding: 0 15px; font-size: 24px;}
.new-modal-section{}
.new-modal-section span{line-height: 50px; display: block; padding: 0 15px; position: relative; border-bottom: 1px solid #eee;}
.new-modal-section span i{font-size: 18px; color: #f5f5f5; padding-right: 10px;}
.new-modal-section span.on i{color: #FF6816;}

.car-editor{ height: 100%; overflow: hidden; overflow-y: auto;}
.reserve{}
.reserve ul {}
.reserve li{}
.car-editor-title{background: #eee; padding: 5px 16px; font-size: 13px; color: #000; border-left: 5px solid #FF6816; font-size: 12px;}
.car-enitor-tr{ color: #666;
	display: flex;
	display: -webkit-flex;
}
.noedit:before{ content:''; display: block; width: 100%; height: 100%; z-index: 100; position: absolute; background: rgba(0,0,0,0.1); top: 0; left: 0;;}
.car-enitor-tr:after{content: ""; display: block; clear: both;}
.car-enitor-tr>div:nth-child(2){-webkit-flex: 1;
    flex: 1;}
.car-enitor-tr textarea{ width: 100%; font-size: 13px; line-height: 1.6; border: 0 none; outline: 0 none; margin: 15px 0;}
.car-editor-name{ font-size: 13px;  width: 100px;vertical-align:top;  line-height: 18px;}
.car-editor-input{ vertical-align:top; font-size: 13px; margin-right: 10px;
-webkit-flex: 1;
    flex: 1;}
.car-editor-input .placeholder{ color: #999;}
.car-editor-input input{ outline: 0 none; border:0 none; background: none; height:18px;line-height: 18px; padding: 0; font-size: 13px;}
.car-editor-input input[type="radio"]{ width: auto; height: auto; display: none; vertical-align: middle;}
.car-editor-input input[readonly="readonly"]{ background: 0 none;}
.car-editor-input input[type="month"]{ position: inherit; opacity: 1;}
.car-editor-right{  text-align: right;font-size: 13px;vertical-align:top;height: 18px; line-height: 18px; float: right;}
.car-editor-right i{font-size: 18px;}
.car-editor-right .item{ padding:10px 50px; border: 0 none; margin: 0; background: none; overflow: visible;}
.car-editor-right .item-toggle .toggle{top: -5px; right: 0;}
.car-editor-right .hairline-top:before{ display: none;}
.reserve-margin{ margin: 0 !important;}


.car-editor-radio input[type="radio"]{display:none;}
.car-editor-radio input[type="radio"]+label{
	position:relative;
	padding-left:25px;
	padding-right: 10px;
	line-height:18px;
	color:#666;
	font-weight:normal;
	margin-left:2px;
}
.car-editor-radio label {
	display:inline-block;
	max-width:100%;
	margin-bottom:5px;
	font-size: 12px;
}
.car-editor-radio input[type="radio"]+label::before {
	content:"";
	width:18px;
	height:18px;
	border-radius:20px;
	border:1px solid #cecece;
	position:absolute;
	left:0;
}
.car-editor-radio input[type="radio"]:checked+label::before { border-color: #FF680F;}
.car-editor-radio input[type="radio"]:checked+label::after {
	top:4px;
	left:4px;
	content:"";
	background-color:#FF680F;
	width:10px;
	height:10px;
	border-radius:50%;
	position:absolute;
	vertical-align:middle;
}




.carEditorSubmit{ position: fixed; right: 15px; top: 0; height: 44px; line-height: 44px; font-size: 15px; color: #fff; z-index: 99;}
.carEditorSubmit .submits{ font-size: 15px;  height:100%; }
.carEditorSubmit button{ border: 0 none; background: 0 none; outline: 0 none; color: #fff; }

.car-editor-right .item{ padding: 0;}

.item-change{padding: 16px 15px;}


.fadeIn-enter-active,
.fadeIn-leave-active {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.fadeIn-enter,
.fadeIn-leave-to {
	opacity: 0;
	-webkit-opacity: 0;
}
.none{ display: none !important;}
.loading-container .loading{ z-index: 99999;}
.reserve .item{ padding: 0 15px;}
.car-enitor-tr{ padding: 0;}
.car-editor-name{ padding: 16px 0;}
.car-editor-input{ padding: 0; line-height: 50px;}
.car-editor-right{padding: 16px 0;}
.car-editor-input input{ padding: 16px 0; display: block; height: 50px; width: 100%; line-height: 1;}


.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
.car-editor-right select{ border: 0 none; padding:0 10px; background: none; outline:  none;appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}

.car-enitor-tr{position: relative;}
.car-enitor-tr.active:before{ position: absolute; left: -8px; top:50%; margin-top: -6px; content: "*"; color: #f00; font-size: 16px;}
.car-editor-section{}
.car-editor-section-list{ padding: 10px 0;}
.car-editor-section-item{ padding: 5px 0; position: relative;padding-left: 100px;}
.car-editor-section-item:after{content: ""; display: block; clear: both;}
.car-editor-section-img{ width: 90px; height: 60px; overflow: hidden; float: left; margin-right: 10px; position: absolute;left: 0; top: 5px;}
.car-editor-section-img img{ width: 100%;}
.car-editor-section-txt{ display: block; padding-right: 15px; width: 100%; }
.car-editor-section-txt h5{ color: #323232; font-size: 12px; height: 36px; overflow: hidden; text-overflow: ellipsis; margin: 4px 0;  white-space: normal; line-height: 1.4;}
.car-editor-section-txt span{ color: #FF680F; display: block;}
i.ion-ios-plus-outline{ color: #FF680F;}

.screen-title{ height: 40px;}
.screen-title-list{ padding: 0 10px 25px; background: #fff; width: 100%;  background: #fff; z-index: 9; position: absolute; top: 0; left: 0; }
.screen-title{ padding-top: 30px;}
.screen-section-padding{ padding-bottom: 44px; position: relative; height: 100%;}
.screen-title-list table{ width: 100%; line-height: 40px; }
.screen-title-list tr{}
.screen-title-list td{ width: 25%; text-align: center; font-size: 13px; position: relative;}
.screen-title-list td:nth-child(1){text-align: left;}
.screen-title-list td:nth-last-child(1){text-align: right;}
.screen-title-list td .screen-title-item:after{content: "\F104"; font-family: "Ionicons"; display: inline-block; vertical-align: middle; padding-left:4px; color: #989898; position: absolute; right: 0;top: 0;}
.screen-title-item{ max-width:70px; width: 100%; position: relative; display: inline-block; vertical-align: top; min-width: 63px; padding-right: 15px; font-size: 12px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; height: 40px; vertical-align: middle; color: #323232;} 
.screen-section{}
.screen-title-list h5{ background: #F5F5F5; position: absolute; width: 100%; left: 0; bottom: 0; font-size: 12px; padding: 5px 15px; margin: 0; color: #999; font-weight: normal;}
.screen-title-list h5 em{ color: #FF680F;}
.screen-section ul{ font-size: 12px; }
.screen-section li{background: #fff; margin-bottom: 1px; padding: 0 15px; position: relative;}
.screen-section-state{position: absolute; right: 0; top: 0; text-align: right; width: 60px; height: 20px; line-height: 20px;  padding: 0 5px; font-size: 12px; z-index: 2; overflow: hidden; color: #fff;}
.screen-section-state:before{content: ""; display: block; width: 50px; height: 100%; background: #FFAB01; z-index: -1; position: absolute; top: 0; right: 0; border-radius: 0 0 0 10px;}
.screen-section-state:after{content: ""; display: block; width: 100%; height: 100%; background: #FFAB01; top: 0; left: -10px;
	transform: rotate(60deg); z-index: -1; position: absolute;
}
.screen-section-state[data-state*="0"]:before,
.screen-section-state[data-state*="0"]:after{background: #FFAB01;}
.screen-section-state[data-state*="1"]:before,
.screen-section-state[data-state*="1"]:after{background: #2E87DD;}
.screen-section-state[data-state*="10"]:before,
.screen-section-state[data-state*="10"]:after{background: #41D8E1;}
.screen-section-state[data-state*="20"]:before,
.screen-section-state[data-state*="20"]:after{background: #F56F6D;}
.screen-section-state[data-state*="30"]:before,
.screen-section-state[data-state*="30"]:after{background: #747474;}
.screen-section-state[data-state*="40"]:before,
.screen-section-state[data-state*="40"]:after{background: #DADADA;}
.screen-section-state[data-state*="50"]:before,
.screen-section-state[data-state*="50"]:after{background: #FF680F;}

.screen-section-txt{ padding: 5px 0; position: relative;}
.screen-section-txt table{ width: 100%;}
.screen-section-txt tr{}
.screen-section-txt th{ padding: 6px 0; font-size: 13px;}
.screen-section-txt th:nth-child(1){ width: 70px;}
.screen-section-txt td{ color: #989898; padding: 1px 0;}
.screen-section-txt td:nth-last-child(1){text-align: left;}
.screen-router-next{ position: absolute; right: 5px; bottom: 30px; border: 1px solid #FF680F; line-height: 30px; width: 70px; border-radius: 5px; text-align: center; color: #ff6816; font-size: 14px;}

.car-enitor-txt{ font-size: 12px; padding: 16px 0; color: #323232; white-space: pre-line; line-height: 1.4;}
.car-enitor-txt em{ color: #999;}
.car-enitor-cus{}
.car-enitor-cus dl{display: block; padding: 15px 0; margin: 0;}
.car-enitor-cus dl:after{content: ""; display: block; clear: both;}
.car-enitor-cus dd{ float: left; width: 25%; text-align: center; font-size: 12px; border-right: 1px solid #e2e2e2;}
.car-enitor-cus dd:nth-last-child(1){border: 0;}
.car-enitor-cus-title{ color: #FF680F; padding-bottom: 10px; line-height: 1; }
.car-enitor-cus-title i{}
.car-enitor-cus-subtitle{ color: #999; line-height: 1;}
.car-enitor-swiper { padding: 15px 0 0; font-size: 12px;}
.car-enitor-swiper .swiper-section{}
.car-enitor-swiper .swiper-section-img{}
.car-enitor-swiper .swiper-section-title{}
.car-enitor-swiper .swiper-section-title h5{ height: 30px; white-space: pre-line ; line-height: 1.4;overflow: hidden; position: relative;}
.car-enitor-swiper .swiper-section-title span{ color: #FF680F; font-weight: bold;}
.car-enitor-swiper .swiper-pagination{ position: relative; margin: 0; bottom: auto !important;}
.car-enitor-swiper .swiper-pagination span{ width: 5px; height:5px; border-radius: 50%; background: #333; padding: 0;}
.car-enitor-swiper-right{ padding-bottom: 10px; text-align: right; font-size: 12px;}
.car-editor-title-right{float: right; color: #999;}
.car-editor-cus{ font-size: 12px;}
.car-editor-cus.table{padding: 10px 0;}
.car-editor-table{ width: 100%;}
.car-editor-table tr{}
.car-editor-table td{ position: relative; z-index: 2;}
.car-editor-table td:nth-child(1):after{content: ""; display: block; width: 1px; height: 100%; background: #f5f5f5; position: absolute; top: 0px; left: 50%; z-index: -1;}
.car-editor-table td:nth-child(1){ width: 40px; text-align: center;}
.car-editor-table td:nth-last-child(1){border-bottom: 1px solid #f5f5f5; vertical-align: top; padding-top: 10px; padding-bottom: 10px;}
.car-editor-table tr:nth-last-child(1) td:after{display: none;}
.car-editor-info-state{ width:36px; height:36px; background: #DADADA; color: #fff; border-radius: 50%; line-height: 1; white-space: pre-wrap; line-height: 36px; margin: 0 auto; font-size: 12px;}
.car-editor-info-date{ font-size: 12px; color: #999; line-height: 1.4;}
.car-editor-info-date p{ font-size: 12px; white-space: pre-wrap; max-width: 100%; line-height: 1.5; padding: 2px 0;}





.car-editor-info-state[data-state*="0"]{background: #FFAB01;}
.car-editor-info-state[data-state*="1"]{background: #2E87DD;}
.car-editor-info-state[data-state*="10"]{background: #41D8E1;}
.car-editor-info-state[data-state*="20"]{background: #F56F6D;}
.car-editor-info-state[data-state*="30"]{background: #747474;}
.car-editor-info-state[data-state*="40"]{background: #DADADA;}
.car-editor-info-state[data-state*="50"]{background: #FF680F;}


.car-enitor-screen{ padding: 16px 0; white-space: pre-wrap; font-size: 0;}
.car-enitor-screen div{ display: inline-block;}
.car-enitor-screen input{ display: none;}
.car-enitor-screen label{ display: inline-block; padding: 4px 12px; background: #fff; border: 1px solid #FF680F; border-radius: 5px; font-size: 12px; margin: 5px;color: #FF680F;}
.car-enitor-screen label.on{ color: #fff; background: #FF680F;}
.ion-ios-close-empty{ width: 44px; height: 44px; top: 0 !important; }
.ion-ios-close-empty:before{ line-height: 1 !important; font-size: 44px !important; width: 100%;  height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
 text-align: center; position: absolute;left: 0;top: 0;  padding: 0 !important; vertical-align: middle !important; font-family: "Ionicons" !important; margin: 0 !important; }

.grade-a .new-brand .item{ background: #fff !important; }




.table-records-section{ height: 40px; line-height: 40px;}
.table-records-center{  width: 80px; display: inline-block; vertical-align: middle; line-height: 1.4;}



.table-records-code{}
.table-records-code article{ background: #EEEEEE; padding: 5px 0;}
.table-records-code article h5{ padding: 15px 0; text-align: center;font-size: 14px;}
.table-records-code article .p{ margin: 0 auto; max-width: 60%; text-align: center; position: relative;}
.table-records-code article .p img{ max-width: 100%; margin: 0 auto;}
.table-records-code article .p .p-img{ position: absolute; width: 40px; height: 40px; padding:3px; background: #fff; left: 50%; top:50%;  border-radius: 5px; border:1px solid #ff6816; 
	transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
.table-records-code article ul li{padding: 15px 0; color: #999; position: relative; text-align: center;}
.table-records-code article ul li:before{content: ""; display:inline-block; width: 8px; height: 8px; border-radius: 50%; background: #999; margin-right: 10px;}
.table-records-code article ul li span{font-size: 13px;}


.tocustomer-list{ background: #F7D876; color: #fff; padding: 1px 5px; display: inline-block; border-radius: 4px;}






.suser-info{ padding: 15px 0; background: #fff;}
.suser-title{ position: relative; padding-left: 100px;}
.suser-title:after{content: ""; display: block; clear: both;}
.suser-icon{ width: 66px; height: 66px; position: absolute; left: 0; top: 50%; margin-left: 15px; margin-top: -33px; border-radius: 50%;}
.suser-icon:after{content: ""; display: block; width: 70px; height: 70px; position: absolute;left: -2px; top: -2px; border-radius: 50%; border: 1px solid #E7E7E7;}
.suser-icon img{ max-width: 100%; border-radius: 50%;}
.suser-content{ padding-right: 15px;}
.suser-call{ font-size: 13px; color: #666; padding-bottom: 10px;}
.suser-call:after{content: ""; display: block; clear: both;}
.suser-call span{ float: right;}
.suser-call span a{color: initial;}
.suser-call span i{ font-size: 22px; color: #FF680F; padding-left: 20px;}
.suser-table{ border-top: 1px solid #e7e7e7; padding: 10px 0;}
.suser-table table{ width: 100%;}
.suser-table tr{}
.suser-table td{ font-size: 12px; text-align: left;} 
.suser-table td:nth-child(1),
.suser-table td:nth-child(3){ color: #999;}
.suser-remarks{ padding: 0 15px ; font-size: 12px; color: #333; line-height: 1.4; border-top: 1px solid #e7e7e7; padding-top: 10px;}
.suser-remarks span{color: #999;}


.animate-position{ position: absolute; top: 0; left: 0; width: 100%;}

.page.has-tabbar .screen-title .page-content{margin-bottom: 0;}

.car-editor-textarea{flex: 1; -webkit-flex:1; margin: 16px 0 2px;}
.car-editor-textarea textarea{  margin:0; height: 100px; outline:0 none; border:0 none; resize: none; margin-top: 0;}
.car-editor-textarea span.span{ position: absolute; bottom: 5px; right: 5px; color: #999;} 


textarea.on{background: #FFC9D1;}

.animate-positiona{ position: absolute; top: 0;  left: 0; width: 100%; height: 100%;}
.page-menus{ position: fixed; top: 0; left: 0 ;z-index: 999; width: 100%;}
.page-menus .title{ position: absolute; min-width: 100px; text-align: center; left: 50%; height: 44px; background: #FF6816; line-height: 44px; color: #fff;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.page-menus .right{ position: absolute; color: #fff; right: 15px; top: 0; height: 44px; line-height: 44px; font-size:36px; }

.modal-return{ float: left; position: absolute;left: 0; top: 0; height: 44px; width: 44px; text-align: center; font-size: 22px; }


.screen-section-txt td:nth-last-child(1){ padding-right: 80px;  }
.screeninfo-table td{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 60px; }



.mouchs-section section {
	font-size: 0;
	padding: 15px 0;
	position: relative;
	width: 300px;
	margin: 0 auto;
}
.mouchs-section div.ranges{ position: relative; height: 30px;}
.mouchs-section section input {
	/*display: block;*/
	top: 0; left: 0;
	margin: 10px 0;
	padding: 0;
	border: 0;
	outline: 0;
	position: absolute;
}
.mouchs-section input[type=range] {
	-webkit-appearance: none;
	width: 300px;
	border-radius: 10px;
	/*这个属性设置使填充进度条时的图形为圆角*/
}
.mouchs-section input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}
.mouchs-section input[type=range]::-webkit-slider-runnable-track {
	height: 5px;
	background: #999;
}
.mouchs-section input[type=range]::-webkit-slider-thumb {
	position: relative; z-index: 2;
	-webkit-appearance: none;
	height: 25px;
	width: 25px;
	margin-top: -10px;
	/*使滑块超出轨道部分的偏移量相等*/
	background: #ffffff;
	border-radius: 50%;
	/*外观设置为圆形*/
	border: solid 3px #FF6816;
	/*设置边框*/
	box-shadow: 0 .125em .125em #3b4547;
	/*添加底部阴影*/
}
.mouchs-section input[type=range]::slider-thumb {
	appearance: none;
}
.mouchs-section input[type=range]::slider-runnable-track {
	height: 5px;
	background: #999;
}
.mouchs-section input[type=range]::slider-thumb {
	position: relative; z-index: 2;
	appearance: none;
	height: 25px;
	width: 25px;
	margin-top: -10px;
	/*使滑块超出轨道部分的偏移量相等*/
	background: #ffffff;
	border-radius: 50%;
	/*外观设置为圆形*/
	border: solid 3px #FF6816;
	/*设置边框*/
	box-shadow: 0 .125em .125em #3b4547;
	/*添加底部阴影*/
}
.mouchs-section .range-block{ position: absolute; width: 100px; height: 5px; background: #FF6816; top: 10px;}
.mouchs-section .range-list{ width: 300px; height: 50px; line-height: 50px;}
.mouchs-section .range-list ul{ width: 320px; margin-left: -10px;}
.mouchs-section .range-list ul:after{content: ""; display: block; clear: both;}
.mouchs-section .range-list ul li{ float: left; text-align: center; font-size: 12px;}
.mouchs-section .range-list ul li.on{ color: #FF6816;}


.mouchs{}
.mouchs-box{}
.mouchs-list{}
.mouchs-item{ background: #fff; padding: 10px; margin-bottom:10px;}
.mouchs-item .mouchs-title{ font-size: 14px;}
.mouchs-item .mouchs-title h5{font-size: 13px; display: inline-block; font-weight: bold;}
.mouchs-item .mouchs-title em{font-size: 12px; color: #999;}
.mouchs-item .mouchs-title span{font-size: 13px;}

.mouchs-section{}
.mouchs-section section{}

.mouchs-section-ul{}
.mouchs-section-ul:after{content: ""; display: block; clear: both;}
.mouchs-section-ul li{ width: 25%; float: left; margin: 5px 0;}
.mouchs-section-ul .mouchs-code{ width: 30px; height: 30px; border-radius: 50%; margin: 0 auto; border:1px solid #eee;}
.mouchs-section-ul li span{ text-align: center; width: 100%; display: block; font-size: 12px; line-height: 1.6; padding-top: 5px;} 
.mouchs-section-ul li.on span{color: #FF6816;}

.mouchs-section-style{}
.mouchs-section-style:after{content: ""; display: block; clear: both;}
.mouchs-section-style li{ width: 33.33%; text-align: center; float: left; font-size: 13px; line-height: 1.6; padding: 5px 0; color: #666;}
.mouchs-section-style li.on{ color: #FF6816;}



.new-modal-title .return{float: left; width: 44px; height: 44px; line-height: 44px; font-size: 22px;}
.new-modal-title .right-submit{float: right; width: 44px; height: 44px; line-height: 44px;}







/**/
.basic-state {position: relative;}
.basic-state aside{ position: absolute;  right: 0; top: 0; width: 60px; height: 60px; overflow: hidden;}
.basic-state span{ right: -65%; top: 20%; position: absolute; width: 120px; height: 20px; line-height: 20px; background: #F56F6D; text-align: center; font-size: 12px; color: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}


.basic-state span[data-state*="0"]{background: #FFAB01;}
.basic-state span[data-state*="1"]{background: #2E87DD;}
.basic-state span[data-state*="10"]{background: #41D8E1;}
.basic-state span[data-state*="20"]{background: #F56F6D;}
.basic-state span[data-state*="30"]{background: #747474;}
.basic-state span[data-state*="40"]{background: #DADADA;}
.basic-state span[data-state*="50"]{background: #FF680F;}

.car-finance-service {position: relative;}
.car-finance-service aside{ position: absolute; right: 0; bottom: 0;}
.car-finance-service aside:after{content: ""; display: block; clear: both;}
.car-finance-service aside span{ clear: both; margin-top: 5px; display: block; float: right; padding:1px 8px; border-radius:3px ; color: #fff; background: #F0A39D; font-size: 12px;}


.cars-item .cars-img span{ position: absolute; left: -4px; top: -4px;}
.cars-item .cars-img span img{ width: 75px; height: 20px;} 
.car-state{ position: absolute; right: 0; top: 0;  overflow: hidden; width: 100px; height: 100px;}
.car-state em{ position: absolute; right: -33px; top: 10px; width: 100%; background: #3186DC; color: #fff; font-size: 12px; text-align: center; padding:2px 10px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
 }

.favorite{ position: fixed; top: 60px; right: 20px; width: 40px; height: 40px; z-index: 99;}
.gotop{ position: fixed; z-index: 99; right: 20px; bottom: 60px;}

.carsale{ position: absolute; width: 100%; height: 100%; top: 0;left: 0; background-color: rgba(0,0,0,0.05) !important;}

.feedback-history{}
.feedback-history h5{ font-size: 12px; color: #999;  font-weight: normal;text-align: right;}
.feedback-history .article img{
	float: left;
	vertical-align: top;
	margin: 0 10px 5px 0;
}

.feedback-history .article{ white-space: pre-wrap; text-align: left; clear: both; font-size: 12px; line-height: 1.6;}






.about-article{ padding: 15px; padding-bottom: 60px;}
.about-article h5{ text-align: center;}
.about-article p{font-size: 14px; line-height: 1.8; color: #333; text-indent: 2em;}
.about-posi{ position: fixed;bottom: 20px; left: 0; width: 100%; text-align: center; color: #999; font-size: 12px; background: #F5F5F5;}


.animateds{
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.item-dieltedir{ width: 120px; height: 100%; position: absolute;  background: #FF6816; display: flex; right: 0; align-items:center; top: 0; z-index: 2;}
.item-dieltedir span{ display: block; width: 100%; background: #FF6816; text-align: center; color: #fff; font-size: 18px;}
.item-dieltedir i{ display: block; width: 100%; text-align: center; color: #fff;}
.item-dieltedir.on { background: #FF6816;}
.car-item-on{ position: relative; 
	overflow: hidden;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
	transition: transform .4s ease-in-out ;
	-webkit-transition: transform .4s ease-in-out ;
	animation: carItem .1s linear .5s forwards;
	-webkit-animation: carItem .1s linear .5s forwards;
}
@keyframes carItem{
	to{height: 0; }
}
@-webkit-keyframes carItem{
	to{height: 0; }
}



.stat-box { display: flex; font-size: 12px; line-height: 1.6;}
.stat-box .stat-customer-one{ flex: 1;}
.stat-box .stat-customer-two{flex: 2;}
.stat-box .stat-customer-three{flex: 2;}


i.delete-add{position: absolute;right: 0; bottom: 0; font-size: 22px;}
i.delete-add:before{vertical-align: middle;}
i.delete-add>span{font-size: 12px; vertical-align: middle; padding-left: 5px;}
/* .ion-ios-close-empty:before{line-height: 0.7 !important;} */


.popup-text{
	margin-bottom: 0; text-align: center;
}
.popup-select{
	color: #666;
	border: 1px solid #ddd;
	width: 100%;
	line-height: 40px;
	height: 40px;
	padding: 0 5px;
	margin: 10px 0; 
}
.popup-text .popup-input{width: 100%; height: 40px; line-height: 40px; font-size: 14px; border:1px solid #ddd; padding: 0 10px; }
.item-input-wrapper input[type="search"] { text-transform: uppercase;}

.caroptions-testing {position: relative;}
.caroptions-testing span{ position: absolute; right: 0; top: -50px; border-radius: 5px; background: #FF6816; text-align: center; line-height: 30px; color: #fff; font-size: 12px; display: block; width: 60px; height: 30px; z-index: 2;}
.caroptions-testing small{ position: absolute; right: 0; top: -50px; width: 60px; height: 25px; line-height: 25px; text-align: center; font-size: 12px;}
.caroptions-testing[data = "500"] small{ color: #FFAA07;}
.caroptions-testing[data = "510"] small{ color: #FF4949;}
.caroptions-testing[data = "520"] small{ color: #00B90D;}
.caroptions-testing[data = "530"] small{ color: #FFAA07;}
.caroptions-testing[data = "540"] small{ color: #00B90D;}
.caroptions-testing em{ position: absolute; right: 0; font-size: 12px; top: -0px;}


.image-list-on{ position: absolute; top: 0; left: 0; background: rgba(0,0,0,.4); text-align: center; width: 100%; height: 100%; line-height: 100px; }
.image-list-on span{ color: #fff; font-size: 12px; padding: 3px 8px;margin: 0 2px; border-radius: 3px; position: relative; overflow: hidden;}
.image-list-edit{ background: #FF6816;}
.image-list-delete{ background: #FF3636;}
.image-list-delete2 { position: absolute; right: 0; top: 0; width: 30px; height: 30px; color: #FF6816; font-size: 22px; line-height: 30px; text-align: center;}



.addtext{padding: 15px 30px; box-sizing: border-box;}
.addtext>span{font-size: 13px; color: #989898;}
.addtext span:last-child{float: right;}
.special{ position: relative; }
.cooperation{padding: 25px 15px; padding-bottom: 15px;  box-sizing: border-box; color: #323232; font-size: 14px;}
/* .gobj{position: absolute; top: 15px; right: 15px; color: #fff; font-size: 14px; z-index: 10;} */
.margin-top{margin-top: 36px; }
.f-color{color: #323232; font-size: 12px;}
.nobottoms{position: absolute; margin-top: 40px;  bottom: 0; width: 100%; height: 40px;  z-index: 100;  margin-bottom: 0;}
.bottoms{position: absolute; margin-top: 200px; bottom: 0; width: 100%; height: 200px;  z-index: 100;  margin-bottom: 0;}
.reason{background: #fff; height: 150px; padding: 15px; box-sizing: border-box; font-size: 14px; color: #323232;}
.noreason{height: 0; overflow: hidden; }
.reject-content{color: #323232; font-size: 14px; padding: 16px 16px 16px 16px; background: #fff; opacity: 100;}
.carss1{ position: absolute; right: 0; top: 0; font-size: 12px; line-height: 1.2; padding: 5px; z-index: 2; color: #fff;}  
.carss1:before { content: ""; display: block; position: absolute; right: -50px; top: -50px; z-index: -1; background: #FF6816; width: 100px; height: 100px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.detial-tell{ display: block; line-height: 1.6; padding: 5px 0; font-size: 14px;}
.detial-tell img {vertical-align: middle; margin-right: 5px;}
.carkd{display: block; color: #f00; font-size: 12px;}
.car-editor-input input.month-one{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }
.month-two{}

















